<div id="sidebar">
	{% block sidebar %}
		<div class="grey_rcp">
			<div class="grey_t">
				<div class="grey_tr">
					<div class="grey_tl"></div>
				</div>
			</div>
			
			<div class="grey_hd">
				<h3>Administration Menu</h3>
			</div>

			<div id="adminmenu">		
				<div style="padding: 5px;">
					<div class="leftmenu">
			        	<h2>Status</h2>
				        <ul class="menu">
				        	<li><img src='/img/information.png'> <a id='general' href="#/general" onclick="javascript:loadURL(this.href);" class='selected'>General</a></li>
						</ul>
			       	</div>
			       	<div class="leftmenu">
			        	<h2>Setup</h2>
			        	<ul class="menu">
			        	<li><img src='/img/network_icon.gif' > <a id='network' href="#/network" onclick="javascript:loadURL(this.href);">Network</a></li>
			        	{% if vmMGMTEnable %}
			        		<li><img src='/img/bridge_icon.gif' > <a id='bridge' href="#/bridge" onclick="javascript:loadURL(this.href);">VM NAT Bridge</a></li>
			        	{% endif %}
					<!--
						<li><img src='/img/date.png' > <a id='datetime' href="#/datetime" onclick="javascript:loadURL(this.href);">Date and Time</a></li>
						<li><img src='/img/password.gif'> <a id='password' href="#/password" onclick="javascript:loadURL(this.href);">Password</a></li>
						<li><img src='/img/registration.gif' > <a id='registration' href="#/registration" onclick="javascript:loadURL(this.href);">Registration</a></li>
						<li><img src='/img/applications.png'> <a id='applications' href="#/applications" onclick="javascript:loadURL(this.href);">Applications</a></li>
						<li><img src='/img/tools.png'> <a id='checkRemoteConnection' href="#/checkRemoteConnection" onclick="javascript:loadURL(this.href);">Maintenance</a></li>
						<li><img src='/img/debug.png'> <a id='debug' href="#/debug" onclick="javascript:loadURL(this.href);">Troubleshooting</a></li>
						<li><img src='/img/reboot.png'> <a id='shutdown' href="#/shutdown" onclick="javascript:loadURL(this.href);">Reboot / Shutdown</a></li>
					-->
						</ul>
					</div>
					<!--
					<div class="leftmenu">
						<h2>Bare Metal Provisioning</h2>
						<ul class="menu">
						<li><img src='/img/upload.png'> <a id='uploadImageUI' href="#/uploadImageUI" onclick="javascript:loadURL(this.href);">Upload OS Image</a></li>
						<li><img src='/img/registration.gif'> <a id='createOSTemplate' href="#/createOSTemplate" onclick="javascript:loadURL(this.href);">Create OS Template</a></li>
						<li><img src='/img/network_icon.gif'> <a id='macprovision' href="#/macprovision" onclick="javascript:loadURL(this.href);">MAC Provisioning</a></li>
						<li><img src='/img/network_icon.gif'> <a id='configureDHCP' href="#/configureDHCP" onclick="javascript:loadURL(this.href);">Configure DHCP</a></li>
						</ul>
					</div>
					-->
					<!--
					<div class="leftmenu">
						<h2>Utilities</h2>
						<ul class="menu">
						<li><img src='/img/ping.png'> <a id='ping' href="#/ping" onclick="javascript:loadURL(this.href);">Ping Device</a></li>
						<li><img src='/img/ping.png'> <a id='telnetDevice' href="#/telnetDevice" onclick="javascript:loadURL(this.href);">Telnet Device</a></li>
						<li><img src='/img/dns.png'> <a id='dnslookup' href="#/dnslookup" onclick="javascript:loadURL(this.href);">DNS Lookup</a></li>
						<li><img src='/img/trace.png'> <a id='traceroute' href="#/traceroute" onclick="javascript:loadURL(this.href);">Trace route</a></li>
						<li><img src='/img/snmpparam.png'> <a id='snmplookup' href="#/snmplookup" onclick="javascript:loadURL(this.href);">SNMP Walk</a></li>
						<li><img src='/img/route_table.png'> <a id='routetable' href="#/routetable" onclick="javascript:loadURL(this.href);">Routing Table</a></img></li>
						<li><img src='/img/testwmiparam.png'> <a id='wmitest' href="#/wmitest" onclick="javascript:loadURL(this.href);">Test WMI for a Device</a></li>
						</ul>
					</div>
					-->
				</div>
			</div>
			<div class="grey_b">
				<div class="grey_br">
					<div class="grey_bl"></div>
				</div>
			</div>
		</div>
	{% endblock %}
 </div>
 
 <script type="text/javascript">
	var initLoad = true;
	var loadMsg = {'/general':'Loading Appliance info..','/network':'Loading Network info..','/datetime':'Loading date and time info..'}
	function pageload(hash) {
		if(!hash) {
			if(initLoad) {
				return;
			} else {
				hash= '/';
			}
		}
		if(hash == '/'){
			hash = '/general';
		}
		loadingMsg = "Loading please wait...";
		if(loadMsg[hash]) {
			loadingMsg = loadMsg[hash];
		}
		showLoading(loadingMsg);
		$("#content-right").load(hash,function(){ hideLoading(); });
		initLoad = false;
	};
	function loadURL(url) {
		hash = url.replace(/^.*#/, '');
		$.history.load(hash);
		return false;
	};
	$(document).ready(function(){
		$.history.init(pageload);
	});
</script>
 

